.box {
    width: 1310px;
    /* background: antiquewhite; */
}

.box .main {
    width: 1310px;
    height: 450px;
    /* background: salmon; */
    position: relative;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}

.box h3 {
    width: 1310px;
    display: flex;
    align-items: center;
    margin: 22px 0px;
}

.box .main .li {
    /* width: 200px;
    height: 300px; */
    /* background: red; */
    text-align: center;
}

.box .main .picture {
    width: 200px;
    border-radius: 8px;
    height: 120px;
    margin: 0px 9px;
    background: aliceblue;
    display: flex;
    justify-content: center;
    align-items: center;

    img {
        width: auto;
        height: 80px;
    }
}

.box .main .li .title {
    font-size: 16px;
    margin: 5px 0px;

}
.box .more{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    color: #999;
    font-size: 12px;
}

i {
    display: inline-block;
    position: absolute;
    top: 60px;
    width: 45px;
    height: 45px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 45px;
}

.zuo1 {
    left: -18px;
}

.you1 {
    right: -10px;
}